<html dir="ltr">
<head>
{% load staticfiles %}


<meta charset="utf-8">
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet" type="text/css">
<title>D11 films - {{ movie.title }}</title>

<link type="text/css" rel="stylesheet" href="https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css">

<link href="{% static 'css/monster/template2.css' %}" rel="stylesheet" type="text/css">



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>


<div class="headline-wrapper">
<div class="headline">

<div class="headline-right">
<ul class="isocial">
<li><a class="rss" href="#" target="_blank" title="Subscribe via RSS"></a></li>
<li><a class="facebook" href="#" target="_blank" title="Become a Fan"></a></li>
<li><a class="twitter" href="#" target="_blank" title="Follow Us"></a></li>
<li><a class="google" href="#" target="_blank" title="Google Plus Profile"></a></li>
<li><a class="youtube" href="#" target="_blank" title="Watch The Video"></a></li>
</ul>
</div>
</div><div style="clear:both;"></div>
</div>
<div id="headerpic-wrapper">
<div id="header-wrapper">
<div class="header section" id="header"><div class="widget Header" id="Header1">
<div id="header-inner">
Aqui logo
</div>
</div></div>
</div></div>
<!-- end header-wrapper -->
<div id="outer-wrapper"><div id="wrap2">
<div class="menuku">
<ul>
<li><a href="{% url 'monster2' %}">Inicio</a></li>
</ul>
<div class="menusearch">
<div style="float:right;padding:12px 8px 0 0;">
<form action="http://www.google.com/search" method="get" target="_blank">
<input name="sitesearch" style="display:none;" value="http://johny-jossbanget.blogspot.com">
<input id="search-box" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width:170px;border:none;padding:10px 10px; margin-right:5px; font:italic 12px Georgia;color:#b5b5b5; background:url(http://3.bp.blogspot.com/-q3Q6hWjYZUo/T94HN6VdhHI/AAAAAAAAG58/P-A9JP3CDY4/s1600/search_form.png) no-repeat;" type="text" value="Busca..."><input align="top" alt="Search" id="search-btn" src="http://2.bp.blogspot.com/-BmpnVNvHgs0/T94HNdsyt8I/AAAAAAAAG50/Jn2uw4OJOUk/s1600/search_btn.png" type="image">
</form>
</div>
</div>
</div>
<div class="shadow"></div>
<!-- skip links for text browsers -->
<span id="skiplinks" style="display:none;">
<a href="#main">skip to main </a> |
      <a href="#sidebar">skip to sidebar</a>
</span>
<div id="content-wrapper">
<div id="main-wrapper">
<div class="main section" id="main"><div class="widget Blog" id="Blog1">
<div class="blog-posts hfeed">
<!-- google_ad_section_start(name=default) -->
<div class="post bar hentry">
<h3 class="post-title entry-title">
<a href="">{{ movie.title }}</a>
</h3>
<div class="post-header-line-1"></div>
<div class="post-body entry-content">
<div class="separator" style="clear: both; text-align: center;">
<a href="" style="margin-left: 1em; margin-right: 1em;"><img alt="{{ movie.title }}" src="{{ movie.artwork }}" width="284" height="400"></a></div>
<br>
<div style="text-align: justify;">
{{ movie.shortDescription }}</div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: justify;">
Detalles de la película:</div>
<div style="text-align: justify;">
Director: <b>{% for dir in movie.director.all %}{% if not forloop.first %}, {% endif %}{{ dir.directorName }}{% endfor %}</b></div>
<div style="text-align: justify;">
Actores/Actrices: <b>{% for act in movie.actor.all %}{% if not forloop.first %}, {% endif %}{{ act.actorName }}{% endfor %}

</b></div>
<div style="text-align: justify;">
Duración: <b>{{ movie.duration }} minutos.</b></div>
<div style="text-align: justify;">
Género: <b> {% for gen in movie.genre.all %}{% if not forloop.first %}, {% endif %}{{ gen.genreName }}{% endfor %}

</b></div>
<div style="text-align: justify;">
Año: <b>{{ movie.year }}</b></div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: justify;">
{{ movie.plot }}</div>

<br>
<br>
<div style="clear: both;"></div>
</div>

<div id="related-posts">
<h1><b>Recomendado a partir de tus preferencias:</b></h1>




<div style="clear: both;">
{% for rm in recommend_movies %}

	<a style="text-decoration:none;margin:0 10px 10px 0;float:left;background:#111;" href="{% url 'movie' rm.id %}">

		<img class="maskolis_img" src="{{ rm.artwork }}">

		<br>

		<div style="width:132px;padding:0 10px;color:#ddd;height:35px;text-align:center;margin:0px 0px; font:14px PT Sans Narrow; line-height:16px;">{{ rm.title }}</div>

	</a>
{% endfor %}



	</div>
</div><div class="clear"></div>
</div>

<!-- google_ad_section_end -->
</div>
<div class="clear"></div>

</div></div>
<!--Page Navigation Starts-->
<!--Page Navigation Ends -->
</div>
<div id="sidebar-wrapper">
<div class="sidebar section" id="sidebar"><div class="widget Label" id="Label1">
<h2>Categorías</h2>
<div class="widget-content list-label-widget-content">
<ul>
{% for g in genres %}
	<li>
	<a dir="ltr" href="{% url 'genreMovies' g.id %}">{{g.genreName}}</a>
	<span dir="ltr">({{ g.movie_set.all | length }})</span>
	</li>

{% endfor %}

</ul>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=8050265550455660643&amp;widgetType=Label&amp;widgetId=Label1&amp;action=editWidget&amp;sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;Label1&quot;));" target="configLabel1" title="Edit">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class="clear">&nbsp;</div>
</div>
<!-- end content-wrapper -->
<div class="shadow"></div>
<div class="picfooter">
<div id="footer-wrapper">
<div class="footer section" id="footer"></div>
<div id="footer1-wrapper">
<div class="footer section" id="footer1"><div class="widget HTML" id="HTML5">
<h2 class="title">Template Information</h2>
<div class="widget-content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
</div>
</div></div>
</div>

<div style="clear:both;"></div>
</div>
</div>
<div class="creditwrap">
<div class="credit">
<div style="float:left;text-align:left;">
<strong>Support :</strong>
<a href="http://www.maskolis.com/">Creating Website</a> | <a href="http://johnytemplate.blogspot.com/">Johny Template</a> | <a href="http://www.mastemplate.com/">Mas Template</a><br>

Copyright © 2014. <a class="sitename" href="" title="">D11</a> - All Rights Reserved
</div>
<div style="float:right;text-align:right;">
Template Created by <a href="http://www.maskolis.com/">Creating Website</a> Published by <a href="http://www.mastemplate.com/">Mas Template</a><br> 
Proudly powered by <a href="http://www.blogger.com">Blogger</a>
</div>
</div>
</div>
</div></div>
<!-- end outer-wrapper -->
</body></html>